<template>
    <div class="module-wrap">
      <div class="tool-row">
        <el-button size="small" type="primary" @click="$emit('open-edit', mother)">编辑使用信息</el-button>
        <el-button size="small" @click="$emit('refresh')">刷新</el-button>
      </div>
  
      <!-- 这里放表单/表格/描述列表，示意： -->
      <el-descriptions :column="2" border>
        <el-descriptions-item label="启用时间">{{ usage.enableTime || '-' }}</el-descriptions-item>
        <el-descriptions-item label="使用部门">{{ usage.dept || '-' }}</el-descriptions-item>
        <el-descriptions-item label="闲置时间">{{ usage.idleTime || '-' }}</el-descriptions-item>
        <el-descriptions-item label="停用时间">{{ usage.stopTime || '-' }}</el-descriptions-item>
      </el-descriptions>
    </div>
  </template>
  
  <script setup>
  const props = defineProps({ mother:Object, fullPath:Function });
  /* 这里的 usage 建议改成从后端接口拉取，示例先写死结构 */
  const usage = { enableTime:'', dept:'', idleTime:'', stopTime:'' };
  </script>
  
  <style scoped>
  .module-wrap{ display:grid; gap:12px; }
  .tool-row{ display:flex; gap:8px; }
  </style>
  